<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<%String basePath = request.getScheme()
				+"://"
				+request.getServerName()
				+":"
				+request.getServerPort()
				+request.getContextPath()
				+"/";
	%>
		<title></title>

		<base href="<%=basePath%>">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="phone/css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="phone/css/iconfont.css">
	</head>

	<body>
		<script src="phone/js/mui.js"></script>
		<script src="phone/js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">（菜单项）可回到上个页面</h1>
		</header>
		<div class="mui-content">
		<div style="width: -webkit-fill-available; height: 10rem;background-color: #FFFFFF;margin-top: 1%;">
			<img src="${requestScope.food.image}" style="width: 80%;height: 90%;border:1px solid darkgrey;margin-top: 2%;margin-left: 10%;box-shadow: 2px 2px 2px #888888;">
		</div>
			
		<div style="width: -webkit-fill-available; height: 10rem;background-color: #FFFFFF;margin-top: 1%;">
		<ul class="mui-table-view">
				<li class="mui-table-view-cell">
				菜系:${requestScope.food.categoryId}
				</li>
				<li class="mui-table-view-cell">
				菜名:${requestScope.food.name}
				</li>
				<li class="mui-table-view-cell">
				规格:${requestScope.food.introduction}
				</li>
				<li class="mui-table-view-cell">
				价格:${requestScope.food.cpp}
				</li>
			</ul>
		</div>

		<div style="width: -webkit-fill-available; height: 10rem;background-color: #FFFFFF;margin-top: 3%;">
			<p>主要食材：xxx</p>
		</div>		

		</div>
		<!-- 评论区开始 -->
		<ul id="comment" class="mui-table-view">
			<h4 style="padding-left: 4%;">用户评论</h4>
		</ul>
		<!-- 评论区结束 -->
		<!-- 遍历 -->
		<script type="text/javascript">
			var a=[0,0,0,0,0,0];
			$.each(a,function(i,n){
				var str='<li class="mui-table-view-cell mui-media">'+
				'<div class="mui-media-body">'+
				'<span class="iconfont icon-mine_select mui-media-object mui-pull-left"></span>'+
				'<span class="iconfont icon-dianzan mui-pull-right">'+
				'<font size="2" color="">999</font>'+
				'<br>'+
				'<font size="1" color="">2020.11.11</font>'+
				'</span>'+
				'<font size="2" color="">id</font>'+
				'<br>'+
				'<font size="2" color="">赞了此产品</font>'+
				'</div>'+
				'</li>'
				;
				$('#comment').append(str);
			});
		</script>
		<!-- 遍历 -->
	</body>

</html>
